(function () {
	//定义类目模板字符串
	var itemTmpl = '<div class="category-item">' +
						'<img class="category-icon" src=$img />'+
						'<p class="item-name">$name</p>'+
					'</div>';

	/*
	 *类目数据渲染
	 */
	function initCategory() {
		//获取json数据
		$.get('/MeituanPR/json/head.json',function (data) {
			//打印数据,测试数据是否获取成功console.log(data);
			//提取json数据中的8个类目数据
			var list = data.data.primary_filter.splice(0,8);
			//循环替换占位符
			list.forEach(function (item,index) {
				var str = itemTmpl.replace('$img',item.url)
								  .replace('$name',item.name);
				//原有标签符后添加节点,节点须转换为JQuery对象$(str)才能添加成功
				$('.category-content').append($(str));
			})
		})
	}

	//程序初始化
	function init() {
		initCategory();
	}

	init();
})();

